@charset "utf-8";

/******信息配置******/
$tableWidth: 323px 73px 46px 75px 73px 90px;
$tableWidthCount: length($tableWidth);

$cred: #eb413d;
$cgray: #444f58;

article{
    h1.page_title{
        margin: 35px 0 30px 50px; 
    }
    .data_class{
        margin-left: 45px;      
    }      
    .table{
        margin-left: 38px;
        width: 770px;        
        table{
            thead {
                tr {
                    @for $i from 0 to $tableWidthCount {
                        th:nth-child(#{$i+1}) {
                            width: nth($tableWidth, $i+1);
                        }
                    }
                }
            }
            tbody{
                tr:first-child{
                    height: 41px;
                    td{
                        .time{
                            margin-left: 22px;
                        }
                        .number{
                            margin-left: 20px;
                        }
                        a{
                            color: $cgray;
                            cursor: pointer;                            
                            i{
                                color: $cred;
                                margin-right: 5px;
                            }
                            &:hover{
                                color: $cred;
                            }
                            &:first-of-type{
                                margin-left: 95px;                            
                            }
                            &.del i{
                                float: right;
                                color: $cgray;
                                margin-right: 5px;
                                &:hover{
                                    color: $cred;
                                }
                            }
                        }
                    }
                }
                tr:last-child{
                    height: 146px;
                    i{
                        font-size: 12px;
                    }
                    td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(6){
                        color: #878787;
                    }
                    td:nth-child(5){
                        i,span{
                            color: $cgray;
                        }                        
                    }
                    td:first-child p.tag{
                        display: inline-block;
                    }
                    td:first-child p.title,td:nth-child(4),td:nth-child(6),td:nth-child(7){
                        a{
                            display: block;
                            color: $cgray;
                            &:hover{
                                color: $cred;
                            }
                        }
                        .stay{
                            display: block;
                            width: 20px;
                            height: 18px;
                            line-height: 18px;
                            border-radius: 1px;
                            color: #e60012;
                            background: #fdeceb;
                            border: 1px solid #f7b3b1;
                            margin: 0 auto;
                        }
                    }
                    td:nth-child(4) a{
                        display: inline;
                    }
                    td:first-child,td:nth-child(2),td:nth-child(3){
                        border-right-color: transparent;
                    }
                    td:last-child{
                        p{
                            margin-bottom: 3px;
                            color: $cred;
                            i{
                                margin-right: 3px;
                            }                            
                        }
                        a.evaluate{
                            color: $cred;
                        }
                    }
                }
            }
        }      
    }
}
